home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP08 / dyn8_1.txt next >
Encoding:
Text File  |  1997-10-02  |  5.1 KB  |  158 lines
  1. <HTML>
  2. <BODY BGCOLOR=#FFFFFF>
  3. <HEAD>
  4. <FONT FACE="verdana,arial,helvetica" SIZE=3>
  5. <TITLE>Today"s Top Stories</TITLE>
  6. </HEAD>
  7. <BODY>
  8. <STYLE>
  9. .redPlain    {color:rgb(255,0,0);
  10.               font-style:normal;}
  11. .blackPlain  {color:rgb(0,0,0);
  12.               font-style:normal;}
  13. .redItalic   {color:red;
  14.               font-style:italic;}
  15. .blackItalic {color:black;
  16.               font-style:italic;}
  17. </STYLE>
  18. <H3>The Verentian Valley News</H3>
  19. <HR>
  20. <FONT ID=red CLASS="blackPlain" onclick="colorP();"> Red </FONT> |
  21. <FONT ID=black CLASS="blackPlain" onclick="blackP();"> Black </FONT> |
  22. <FONT ID=alternate CLASS="blackPlain" onclick="altP();"> Alternate </FONT> |
  23. <FONT ID=italic CLASS="blackPlain" onclick="italicP();"()> Italics </FONT>
  24. <HR>
  25. <P ID=PG1 CLASS="blackPlain">
  26. Argunk: The mayor here, Cora James, announces a new plan for curtailing the 
  27. current trend of juvenile delinquency: an evening curfew at 9PM.
  28. <P ID=PG2 CLASS="blackPlain">
  29. Henders: 500 community residents continue to keep a lid on the details of the 
  30. theme for this year's Solstice Day Festival yet smile smugly when asked 
  31. about it.
  32. <P ID=PG3 CLASS="blackPlain">
  33. Krikett: This year farmers suggest a winter wheat crop may be a good idea.  
  34. It has been 6 years since the last attempt.
  35. <P ID=PG4 CLASS="blackPlain">
  36. Lowville: Once again, the boy wonder, Jimmy Westen, has made statewide news 
  37. for his latest invention.
  38. <P ID=PG5 CLASS="blackPlain">
  39. Viennes: Our regional professional baseball squad wins its fifth straight 
  40. and takes solid hold of second place.
  41. <P ID=PG6 CLASS="blackPlain">
  42. Yinsburgh: Actress Jennifer Urgent returns home to find community support 
  43. before considering her next effort.
  44. <SCRIPT LANGUAGE=JavaScript>
  45. function colorP() {
  46.    red.className="redPlain";
  47.    black.className="redPlain";
  48.    if (PG1.className=="redPlain" || PG1.className=="blackPlain") {
  49.        PG1.className="redPlain";
  50.        PG2.className="redPlain";
  51.        PG3.className="redPlain";
  52.        PG4.className="redPlain";
  53.        PG5.className="redPlain";
  54.        PG6.className="redPlain";
  55.    } else {
  56.        PG1.className="redItalic";
  57.        PG2.className="redItalic";
  58.        PG3.className="redItalic";
  59.        PG4.className="redItalic";
  60.        PG5.className="redItalic";
  61.        PG6.className="redItalic";
  62.    }
  63. }
  64. </SCRIPT>
  65.  
  66. <SCRIPT LANGUAGE=JavaScript>
  67. function blackP() {
  68.    red.className="blackPlain";
  69.    black.className="blackPlain";
  70.    if (PG1.className=="redPlain" || PG1.className=="blackPlain") {
  71.        PG1.className="blackPlain";
  72.        PG2.className="blackPlain";
  73.        PG3.className="blackPlain";
  74.        PG4.className="blackPlain";
  75.        PG5.className="blackPlain";
  76.        PG6.className="blackPlain";
  77.    } else  {
  78.        PG1.className="blackItalic";
  79.        PG2.className="blackItalic";
  80.        PG3.className="blackItalic";
  81.        PG4.className="blackItalic";
  82.        PG5.className="blackItalic";
  83.        PG6.className="blackItalic";
  84.    }
  85. }
  86. </SCRIPT>
  87.  
  88. <SCRIPT LANGUAGE=JavaScript>
  89. function altP() {
  90.    red.className="redPlain";
  91.    black.className="blackPlain";
  92.    if (PG1.className=="redPlain" || PG1.className=="blackPlain") {
  93.        PG1.className="blackPlain";
  94.        PG2.className="redPlain";
  95.        PG3.className="blackPlain";
  96.        PG4.className="redPlain";
  97.        PG5.className="blackPlain";
  98.        PG6.className="redPlain";
  99.    } else {
  100.        PG1.className="blackItalic";
  101.        PG2.className="redItalic";
  102.        PG3.className="blackItalic";
  103.        PG4.className="redItalic";
  104.        PG5.className="blackItalic";
  105.        PG6.className="redItalic";
  106.    }
  107. }
  108. </SCRIPT>
  109.  
  110. <SCRIPT LANGUAGE=JavaScript>
  111. function italicP() {
  112.    if (italic.className="blackPlain") {
  113.        italic.className="blackItalic";
  114.        if (PG1.className=="redPlain") {
  115.            PG1.className="redItalic";
  116.            PG3.className="redItalic";
  117.            PG5.className="redItalic";
  118.        } else {
  119.            PG1.className="blackItalic";
  120.            PG3.className="blackItalic";
  121.            PG5.className="blackItalic";
  122.        }
  123.        if (PG2.className=="redPlain") {
  124.            PG2.className="redItalic";
  125.            PG4.className="redItalic";
  126.            PG6.className="redItalic";
  127.        } else {
  128.            PG2.className="blackItalic";
  129.            PG4.className="blackItalic";
  130.            PG6.className="blackItalic";
  131.        }
  132.    } else {
  133.        italic.className="blackPlain";
  134.        if (PG1.className=="redItalic") {
  135.            PG1.className="redPlain";
  136.            PG3.className="redPlain";
  137.            PG5.className="redPlain";
  138.        } else {
  139.            PG1.className="blackPlain";
  140.            PG3.className="blackPlain";
  141.            PG5.className="blackPlain";
  142.        }
  143.        if (PG2.className=="redItalic") {
  144.            PG2.className="redPlain";
  145.            PG4.className="redPlain";
  146.            PG6.className="redPlain";
  147.        } else {
  148.            PG2.className="blackPlain";
  149.            PG4.className="blackPlain";
  150.            PG6.className="blackPlain";
  151.        }
  152.    }
  153. }
  154. </SCRIPT>
  155. </FONT>
  156. </BODY>
  157. </HTML>
  158.